
<div class="">
<!-- 
    <div style="height: 305px">
        <carousel interval="myInterval">
        <slide ng-repeat="slide in slides" active="slide.active">
        <img ng-src="[[slide.image]]" style="margin:auto;">
        <div class="carousel-caption">
            <h4>Slide [[$index]]</h4>
            <p>[[slide.text]]</p>
        </div>
        </slide>
        </carousel>
    </div>

    <div class="container"><div class="row">
            <div class="col-md-6">
                <button type="button" class="btn btn-info" ng-click="addSlide()">Add Slide</button>
            </div>
            <div class="col-md-6">
                Interval, in milliseconds: <input type="number" class="form-control" ng-model="myInterval">
                <br />Enter a negative number or 0 to stop the interval.
            </div>
    </div></div>
    -->
</div>

<div class="jumbotron">
    


    
    <div class='container ui page grid'>
        <div class="column">
            <h1>Cloud Assessment Tool</h1>
            <div class="ui divider"></div>
            <!-- 
            <hr class="hr-grid-left"/>
            -->
            <blockquote>
                <p>Introduction To ITIDA/IBM Cloud Initiative</p>
            </blockquote>

            <h3>Please login to </h3>
            <div class="ui divider"></div>
            <!-- first column-->
            <div class="ui two column grid">
                <div class="col-md-6 column">
                    <h3>Adds1</h3>
                </div>
                <div class="col-md-6 column">
                    <h3>Adds2</h3>
                </div>
            </div>
        </div>

    </div>


</div>

<style type="text/css" media="all">
   .jumbotron {
padding: 48px 0;
}
.jumbotron {
padding: 30px 15px;
margin-bottom: 30px;
color: inherit;
background-color: #EEE;
} 
</style>
